
.u-t-up{text-transform: uppercase;}
.u-t-ca{text-transform: capitalize;}
page,view,textarea{box-sizing: border-box;}
image {display: block;}
.u-p-r {position: relative;}
.u-p-a {position: absolute;}
.u-p-f {position: fixed;}
.u-p-center {top: 50%;left: 50%;transform: translate(-50%, -50%);}
.u-p-fill {top: 0;bottom: 0;left: 0;right: 0;}
.u-text-center {text-align: center;}
.u-r {border-radius: 999px;}
.u-bold {font-weight: bold;}

@for $i from 1 to 5 { .u-flex-#{$i} {flex: #{$i};} }
@for $i from 2 to 80 {
	@if $i % 2 == 0 {
		.u-f-#{$i} {font-size: #{$i}rpx;}
		.u-m-#{$i} {margin: #{$i}rpx;}
		.u-m-t-#{$i} {margin-top: #{$i}rpx;}
		.u-m-r-#{$i} {margin-right: #{$i}rpx;}
		.u-m-b-#{$i} {margin-bottom: #{$i}rpx;}
		.u-m-l-#{$i} {margin-left: #{$i}rpx;}
		.u-p-#{$i} {padding: #{$i}rpx;}
		.u-p-t-#{$i} {padding-top: #{$i}rpx;}
		.u-p-r-#{$i} {padding-right: #{$i}rpx;}
		.u-p-b-#{$i} {padding-bottom: #{$i}rpx;}
		.u-p-l-#{$i} {padding-left: #{$i}rpx;}
		.u-r-#{$i} {border-radius: #{$i}rpx;}
		.u-r-#{$i} {border-radius: #{$i}rpx;}
		.u-lh-#{$i} {line-height: #{$i}rpx;}
	}
}
.t-line{
	position: relative;
}
.t-line:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 2rpx;
	left: 0;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	background: #C1BFBF;
}
.u-c-fff{color: #fff}
.u-bg-fff{background: #fff}
.u-c-333{color:#333}
.u-c-999{color:#999}
.u-c-3336{color:#333;opacity: 0.6;}